<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>档期网</title>
<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
<s:include value="/commond/keydesc.jsp"></s:include>
<link href="${ctx }/css/head/head.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/view_fun.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/my_event.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/mycalendar.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/loading.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/invite_mode.js"></script>
<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
<script type="text/javascript" src="${ctx}/js/invite/sharebutton.js"></script>
<script type="text/javascript" src="${ctx}/js/invite/mycalendar.js"></script>
<script type="text/javascript" src="${ctx}/js/invite/mycalendar_sharepart.js"></script>
</head>
<body>
<s:include value="/head.jsp"></s:include>
<table cellspacing="0" cellpadding="0" class="main">
	<tbody><tr>
        <!-- 左边主体  -->
        <td class="center" width="100%">
            <!-- 今日事件预览  -->
            
            <!-- 今日事件预览  -->
            <!-- 月视图功能  -->
            <!-- 月视图功能  -->
            <!-- 月视图 -->
            <div class="mouth_view" style="margin: 0 auto;width: 1050px;" id="calendar_view_div">
            	<div class="topline">
            	</div>
            	<table cellspacing="0" cellpadding="0" class="maincontent">
            		<tr>
            			<td class="left" width="8">
            			</td>
            			<td class="cal_center">
            				<div class="cal_centeroptline">
            					<button class="createcircle" onclick="window.location.href='${ctx}/contact/circle.html'"></button>
            					<button class="addclip" onclick="window.location.href='${ctx}/myclip/add_clip.html'"></button>
            				</div>
            				<div class="cal_centerhead">
            					<div id="calendar_monthcontrolbar" class="invite_mouth_fun">
									<div style="float: left;margin-left: 5px;height: 1px;"></div>
									<a class="y_left" title="上一年" id="mouth_fun_prevyear"></a>
									<a class="m_left" title="上一月" id="mouth_fun_prevmonth"></a>
									<select id="mouth_fun_view_year" onchange="changeMonthView()">
									</select>
									<span class="nian"></span>
									<select id="mouth_fun_view_month" onchange="changeMonthView()" style="margin-left: 8px;width: 40px;">
										<option value="0">1</option>
										<option value="1">2</option>
										<option value="2">3</option>
										<option value="3">4</option>
										<option value="4">5</option>
										<option value="5">6</option>
										<option value="6">7</option>
										<option value="7">8</option>
										<option value="8">9</option>
										<option value="9">10</option>
										<option value="10">11</option>
										<option value="11">12</option>
									</select>
									<span class="yue"></span>
									<a class="m_right" title="下一月" id="mouth_fun_nextmonth"></a>
									<a class="y_right" title="下一年" id="mouth_fun_nextyear"></a>
									<span class="btm_tmonth" onclick="currentMonthClick()"></span>
						      </div>
            				
            				
            					<div id="divtodaydetailtime" class="tevent_title"><span class="mtime">今天</span><span>星期三，2012年9月26日，农历八月十一</span></div>
            				</div>
            				<table cellspacing="0" cellpadding="0" class="month" style="">
	                            <thead>
	                                <tr class="weektitle">
	                                    <td class="sun"></td>
	                                    <td class="mon"></td>
	                                    <td class="tue"></td>
	                                    <td class="wed"></td>
	                                    <td class="thu"></td>
	                                    <td class="fri"></td>
	                                    <td class="sta"></td>
	                                </tr>
	                            </thead>
	                            <tbody>
	                          <tr class="monthcontent">
	                            <td class="month0" id="tdmonth0">
                                    <div class="data">
									    <p class="sun"></p>
									    <div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month1" id="tdmonth1">
                                    <div class="data">
									    <p class="sun"></p>
									    <div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month2" id="tdmonth2">
                                    <div class="data">
									    <p class="sun"></p>
									    <div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month3" id="tdmonth3">
                                    <div class="data">
									    <p class="sun"></p>
									    <div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month4" id="tdmonth4">
                                    <div class="data">
									    <p class="sun"></p>
									    <div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month5" id="tdmonth5">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month6" id="tdmonth6">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                            </tr>
                            <tr class="monthcontent">
                                <td class="month7" id="tdmonth7">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month8" id="tdmonth8">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month9" id="tdmonth9">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month10" id="tdmonth10">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month11" id="tdmonth11">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month12" id="tdmonth12">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month13" id="tdmonth13">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                            </tr>
                            <tr class="monthcontent">
                                <td class="month14" id="tdmonth14">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month15" id="tdmonth15">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month16" id="tdmonth16">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month17" id="tdmonth17">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month18" id="tdmonth18">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month19" id="tdmonth19">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month20" id="tdmonth20">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                            </tr>
                            <tr class="monthcontent">
                                <td class="month21" id="tdmonth21">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month22" id="tdmonth22">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month23" id="tdmonth23">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month24" id="tdmonth24">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month25" id="tdmonth25">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month26" id="tdmonth26">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month27" id="tdmonth27">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                            </tr>
                            <tr style="display: none;" id="monthlast1" class="">
                                <td class="month28" id="tdmonth28">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month29" id="tdmonth29">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month30" id="tdmonth30">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month31" id="tdmonth31">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month32" id="tdmonth32">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month33" id="tdmonth33">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month34" id="tdmonth34">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                            </tr>
                            <tr style="display: none;" id="monthlast2" class="">
                                <td class="month35" id="tdmonth35">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month36" id="tdmonth36">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month37" id="tdmonth37">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month38" id="tdmonth38">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month39" id="tdmonth39">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month40" id="tdmonth40">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                                <td class="month41" id="tdmonth41">
                                    <div class="data">
									    <p class="sun"></p><div class="noticesign" title="提示"></div>
									    <p class="lunar"></p>
									</div>
									<div class="eventsign"></div>
									<div class="opt"></div>
									<div class="addclip"></div>
                                </td>
                            </tr>
	                        </tbody>
	                        </table>
            				<div class="daydetail" id="datedetailzone">
			                    <div class="detail_content">
			                    	<table cellspacing="0" cellpadding="0" class="detail" style="">
			                    		<tr>
			                    			<td style="background: #ffffff;">
			                    			<ul class="headline" id="daydetailhead" style="display: none;">
			                    				<li enabled=1 clickonclz="ownon" class="ownon clickon" queryby="own">
			                    					找乐子
			                    				</li>
			                    				<li enabled=1 clickonclz="inviteon" class="inviteoff" id="invitecount" queryby="invite" style="display: none;">
			                    					好友邀请
			                    					<span class="count"></span>
			                    				</li>
			                    				<li enabled=0 style="width: 558px;" class="nonequery">
			                    					
			                    				</li>
			                    			</ul>
			                    			<ul class="headline" id="daysubdetailhead" style="display: none;">
			                    				<li enabled=1 class="ownon clickon other" queryby="own">
			                    				</li>
			                    			</ul>
			                    			<div class="request_tab" id="daydetailrequest_tab" style="display:none;">
			                    				<span class="clipcheckbox"></span>
			                    				<span class="sel_all"></span>
			                    				<button class="invite"></button>
			                    			</div>
			                    			<ul class="content" id="daydetailcontent" style="margin: 0;">
			                    				<!-- 
			                    				<li id="clipevent-587" class="dataline shareclip">
			                    					<div class="simple" style="display: none;">
			                    					<span style="background:url('http://localhost:8081/clipdate//image/clipsmall.jpg');" class="head"></span>
			                    					<span class="name"><a title="我的扣扣" href="/clipdate/myclip/user.html?2">我的扣扣</a></span>
			                    					<span class="title">test</span>
			                    					<span style="background:url('/clipdate/image/cal_opt_shareclip.png')" title="开始于今日" class="icon"></span>
			                    					<span class="ocopen"></span>
			                    					<span class="time">2012-10-18 00:00</span>
			                    					</div>
			                    					<div class="detail">
			                    					<ul class="detaillist">
				                    					<li class="firstline">
				                    						<a class="userlogo">
				                    							<img src="http://localhost:8081/clipdate//image/clipbig.jpg" width="60"></img>
				                    						</a>
				                    						<div class="infoandtitle">
				                    							<div class="info">
				                    								<span class="name">
				                    									我的扣扣
				                    								</span>
				                    								<span class="source_l">
				                    									<i class="request"></i>
				                    								</span>
				                    								<span class="source_r">
				                    									<span class="sourcetitle">来源：</span>
				                    									<i class="sourcelogo"></i>
				                    								</span>
				                    							</div>
				                    							<div class="cliptime">
					                    							<span class="title">活动时间：</span><span><b> 开始于 </b><b>2012-10-18 00:00</b><b class="edt_over">已结束</b></span>
					                    						</div>
				                    						</div>
				                    					</li>
				                    					<li class="secondline">
			                    							<div class="title">
				                    							<span class="title">内容：</span>
				                    							<span style="float: left;">中文版音乐剧</span>
				                    							<a class="opt">查看详细</a>
			                    							</div>
			                    						</li>
			                    						<li style="height: auto;">
			                    							<div class="detailcontent">
				                    							<span class="title">详情：</span>
				                    							<p>阿发生地方撒旦飞洒地方撒旦飞洒的范德萨发生法斯蒂芬</p>
				                    						</div>
			                    							<div class="clippic" style="float: left;width: 60px;height: 120px;background: #ffc694;margin-left: 70px;margin-top: 4px;">
			                    							</div>
			                    						</li>
			                    						<li class="last">
			                    							<div class="top">
				                    							<img src="${ctx }/image/confirmevent_status.png"></img>
			                    							</div>
			                    							<div class="arrow_box">
																<span class="info">
																	邀请的好友：
																</span>
																<ul style="float: left;">
																	<li class="iton"></li>
																	<li class="iton"></li>
																	<li></li>
																	<li></li>
																	<li class="iton"></li>
																	<li class="iton"></li>
																	<li></li>
																	<li></li>
																	<li class="iton"></li>
																	<li class="iton"></li>
																	<li></li>
																	<li></li>
																	<li class="iton"></li>
																	<li class="iton"></li>
																	<li></li>
																	<li></li>
																	<li class="addbtn">
																		<a></a>
																		<span class="tip">继续添加好友，一起同行？</span>
																	</li>
																</ul>
																<div class="btnline">
																	<button class="confirmevent"></button>
																	<button class="forward"></button>
																</div>
																<div id="forwardsharepart" class="shareclipzone" style="">
																	<div class="zonecontent">
																		<div class="share-choose">
																			<span class="share-title">选择好友：</span>
																            <a onclick="showContactDetailTip(this);" class="sharegroupicon"></a>
																		</div>
														             	<div class="share-contactchooseout">
														              		<ul id="listcontent" class="listcontent"></ul>
														             	</div>
														             	<span class="share-errorinfo" >
														             	</span>
																		<div id="add_return">
																			<div class="top">
																				<span class="head"></span>
																				<div class="head">添加档期成功！您还可以分享到站外：</div>
																			</div>
																			<div class="bottom">
																				<a class="renren"></a>
																				<a class="kaixin"></a>
																				<a class="sina"></a>
																				<a class="douban"></a>
																			</div>
																		</div>
																		<div class="share-contactchoosebtn">
																			<button onclick="cancelshareclick(this);" class="close" id="share-contact_cancelbtn"></button>
																			
																			<button onclick="confirmshareclick(this);" class="confirm"></button>
																			 
																		</div>
																	</div>
																</div>
			                    							</div>
			                    						
			                    						</li>
			                    					</ul>
													<div class="calendarzone" style="display: block;">
														<div class="title">
															<a class="prev none"></a>
															<span class="title">2012年10月</span>
															<a class="next none"></a>
														</div>
														<table cellspacing="0" cellpadding="0" class="detailsharetimetable" style="float: left;">
															<tbody><tr line="0">
															<td tid="tddetail0" class="other">30</td><td tid="tddetail1">1</td><td tid="tddetail2">2</td><td tid="tddetail3">3</td><td tid="tddetail4">4</td><td tid="tddetail5">5</td><td tid="tddetail6">6</td>
															</tr>
															<tr line="1">
															<td tid="tddetail7">7</td><td tid="tddetail8">8</td><td tid="tddetail9">9</td><td tid="tddetail10">10</td><td tid="tddetail11">11</td><td tid="tddetail12">12</td><td tid="tddetail13">13</td>
															</tr>
															<tr line="2">
															<td tid="tddetail14">14</td><td tid="tddetail15">15</td><td tid="tddetail16">16</td><td tid="tddetail17">17</td><td tid="tddetail18" class="selected">18</td><td tid="tddetail19">19</td><td tid="tddetail20">20</td>
															</tr>
															<tr line="3">
															<td tid="tddetail21">21</td><td tid="tddetail22">22</td><td tid="tddetail23">23</td><td tid="tddetail24">24</td><td tid="tddetail25">25</td><td tid="tddetail26">26</td><td tid="tddetail27">27</td>
															</tr>
															<tr line="4">
															<td tid="tddetail28">28</td><td tid="tddetail29">29</td><td tid="tddetail30">30</td><td tid="tddetail31">31</td><td tid="tddetail32" class="other">1</td><td tid="tddetail33" class="other">2</td><td tid="tddetail34" class="other">3</td>
															</tr>
															<tr line="5" style="display: none;">
															<td tid="tddetail35"></td><td tid="tddetail36"></td><td tid="tddetail37"></td><td tid="tddetail38"></td><td tid="tddetail39"></td><td tid="tddetail40"></td><td tid="tddetail41"></td>
															</tr>
														</tbody></table>
													</div>
													<a class="occlose"></a>
													<div class="btnzone">
														<div class="line">
															<a class="del">删除</a>
															<div class="setclock">
																<b class="left"></b>
																<div class="middle">
																	<i class="clock"></i>
																	<span class="timedata">2013年1月27日 11:11</span>
																	<a class="cancel"></a>
																</div>
																<b class="right"></b>
															</div>
															<div class="setclock">
																<b class="left"></b>
																<div class="middle">
																	<i class="clockoff"></i>
																	<a class="timeset">设置提醒</a>
																</div>
																<b class="right"></b>
															</div>
														</div>
														<div class="line">
															<a class="interest">感兴趣(99999+)</a>
															<a class="comment">评论(99999+)</a>
															<div class="setclock">
																<b class="left"></b>
																<div class="middle">
																	<i class="clock"></i>
																	<input class="date"/>
																	<input class="time"/>
																	<span class="time">时</span>
																	<input class="time"/>
																	<span class="time">分</span>
																	<a class="confirm"></a>
																	<a class="cancel"></a>
																</div>
																<b class="right"></b>
															</div>
														</div>
														<div class="line">
															<input type="text">
															<button class="commentbtn"></button>
														</div>
													
														
														
													</div>
													<div style="display: none;" class="shareclipzone" >
														<div class="zonetop">
															<span class="corner"></span>
														</div>
														<div class="zonecontent">
															<div class="share-choose">
																<span class="share-title">分享给：</span>
													            <span style="margin-left: 20px;" class="share-title">
																	<input type="radio" onclick="share2radioclick(this);" class="sharerd" value="0">
																	<span style="line-height: 20px;float: left;">全部</span>
																</span>
																<span style="margin-left: 10px;" class="share-title">
																	<input type="radio" onclick="share2radioclick(this);" class="sharerd" value="1">
																	<span style="line-height: 20px;float: left;">指定群组</span>
													             			
																</span>
															</div>
													             	<div class="share-contactchooseout">
													              	<div style="display: none;" class="share-contactchoose">
													              		<span class="groupname">群组名称：</span>
													                 		<input type="text" class="groupnameinput">
													                 		<div class="contactgrouplist">
													                 			<ul style="display: none;">
													                 			</ul>
													                 		</div>
													              	</div>
													             	</div>
													             	<span class="share-errorinfo">
													             	</span>
															<div class="share-contactchoosebtn">
																<button class="confirm" onclick="confirmshareclick(this);"></button>
																<button class="cancel" onclick="cancelshareclick(this);"></button>
															</div>
														</div>
													</div>
													<div class="shareoutzone" id="shareoutzone">
														<hr class="line">
														<div class="shareoutopt">
															<span class="shareouttxt"></span>
															<a class="renrenlogo"></a>
															<a class="kaixin001logo"></a>
															<a class="sinalogo"></a>
															<a class="doubanlogo"></a>
														</div>
													</div>
													</div>
												</li>
													 -->
			                    			</ul>
			                    			</td>
			                    			</tr>
			                    	</table>
			                    </div>
			                </div>
            			</td>
            			<td valign="top" class="cal_center">
            				<div class="userinfo">
            					<a class="head" id="userinfo_head"></a>
            					<a class="name" id="userinfo_name"></a>
            				</div>
            				 <ul class="calendarlist" id="calendarlist" style="display: none;">
								<li class="headline">
									<span class="expand expandon" onclick="changelineStatus('mycliplist',this);"></span>
									<div class="title">
										<span class="title">我的所有日历</span>
									</div>
								</li>
								<li>
									<ul class="content" id="mycliplist" style="display: none;">
										<li querymycalendar="own">
											<span class="left"></span>
											<div class="calendardata selecton" style="cursor: pointer;">
												<span class="cal_name" style="margin-left: 20px;">找乐子</span>
											</div>
										</li>
										<li querymycalendar="share">
											<span class="left"></span>
											<div class="calendardata" style="cursor: pointer;">
												<span class="cal_name" style="margin-left: 20px;">谁有空</span>
											</div>
										</li>
										<li querymycalendar="private">
											<span class="left"></span>
											<div class="calendardata" style="cursor: pointer;">
												<span class="cal_name" style="margin-left: 20px;">个人计划</span>
											</div>
										</li>
										<li querymycalendar="memo">
											<span class="left"></span>
											<div class="calendardata" style="cursor: pointer;">
												<span class="cal_name" style="margin-left: 20px;">纪念日</span>
											</div>
										</li>
										<!-- 
										<li class="last">
											<span class="left"></span>
											<div class="calendardata">
												<a class="view" onclick="setMyAllCalendarView()"></a>
											</div>
										</li>
										 -->
									</ul>
								</li>
								<li class="usertype2">
									<span class="left"></span>
								</li>
								<li class="footline usertype2">
									<span class="expand expandon" onclick="changelineStatus('subscribecliplist',this);"></span>
									<div class="title">
										<span class="subtitle">我订阅的日历</span>
										<a class="add" id="subscribe_chooseall_btn" onclick="changeAllStatus('subscribecliplist',this)">全选</a>
									</div>
								</li>
								<li class="usertype2">
									<ul class="content" id="subscribecliplist" style="">
									</ul>
								</li>
							</ul>  
            			</td>
            			<td class="right" width="8">
            			</td>
            		</tr>
            	</table>
                <div class="bottomline">
            	</div>
                <a class="W_gotop" id="base_scrollToTop" href="javascript:;" style="display: none;" title="返回顶部">
				</a>
            </div>
            <!-- 月视图 -->
        </td>
        <!-- 左边主体  -->
        <!-- 右边栏  -->
        <!-- 右边栏  -->
	</tr>
</tbody></table>
<s:include value="/foot.jsp"></s:include>
<!-- test css: top:200px;left:500px; -->
<!-- complete css:  -->
<span style="float: left;height: 12px;width: auto;color: #12212F;" id="fontwidthtools"></span>
<div id="td_box_quickclip" style="display: none;">
	<div class="optdiv">
    	<a class="opt" onclick="hideQuickclip('td_box_quickclip');"></a>
	</div>
	<div class="td_box">
	    <div class="td_box_inner">
	    	<ul class="quickcontent">
	    		<li class="titleline">
	    			<i class="step1" id="step1st"></i>
	    			<span class="title"></span>
	    		</li>
	    		<li class="line">
	    			<span class="typetitle"></span>
	    			<b typeval="1" class="clipradiobtn clipradiobtnon" style="margin-top: 2px;margin-left: 15px;"></b>
               		<span class="type_private"></span>
               		<b typeval="3" class="clipradiobtn" style="margin-left: 15px; margin-top: 2px;"></b>
               		<span class="type_share"></span>
               		<b typeval="2" class="clipradiobtn" style="margin-left: 15px; margin-top: 2px;"></b>
               		<span class="type_memo"></span>
	    		</li>
	    		<li class="line">
	    			<span class="titletitle"></span>
	    			<textarea class="title"></textarea>
	    			<span id="title_input_info" class="title_input_info"></span>
	    			<div class="picuploaddiv">
						<span class="uploadicon"></span>
						<div class="preuploadinf">
							<a class="uploadpicbtn">
								<form target="hidden_frame" enctype="multipart/form-data" action="eventAjax!uploadClipPic.action" method="post" id="form1" name="form1">
								<input type="file" onchange="onUploadpicChange(this);" id="clippic" name="clippic">
								<iframe style="display:none" id="hidden_frame" name="hidden_frame"></iframe>
								</form>
							</a>
						</div>
						<div class="inguploadinf">
							<span class="loadinggif"></span><span class="loadingtxt">上传中，请稍后…</span>
						</div>
						<div class="afteruploadinf">
						</div>
					</div>
	    		</li>
	    		<li class="line">
	    			<span class="starttime"></span>
	    			<input type="text" class="timeipt" id="quickclipdate" onfocus="jQ(this).blur();">
	    			<a model="addclip" class="minus" onclick="hourminus(jQ(this).next());"></a>
	    			<input model="addclip" type="text" class="houript" value="0" id="quickcliphour" onblur="hourinput(this);" maxlength="2">
	    			<a model="addclip" class="plus" onclick="hourplus(jQ(this).prev());"></a>
	    			<span model="addclip" class="hour"></span>
	    			<a model="addclip" class="minus" onclick="minminus(jQ(this).next());"></a>
	    			<input model="addclip" type="text" class="houript" value="0" id="quickclipmin" onblur="mininput(this);" maxlength="2">
	    			<a model="addclip" class="plus" onclick="minplus(jQ(this).prev());"></a>
	    			<span model="addclip" class="minute"></span>
	    			<span onclick="changeEventDayCBX(this);" id="clip_isoneday_cbx" class="clipcheckbox" style="margin-left: 20px;margin-top: 2px;"></span>
	    			<span class="setendtime"></span>
	    			<span class="clipcheckbox" onclick="setAlertStatusChange(this);" id="setalert_checkbox" style="margin-left: 20px;margin-top: 2px;"></span>
	    			<span class="setalerttitle"></span>
	    		</li>
	    		<!-- 
	    		<li class="line" model="addclip">
	    			<span class="wholeclipword"></span>
	    			<a class="addclip" onclick="addDetailClip();"></a>
	    		</li>
	    		<li class="line">
	    			<div class="cutline"></div>
	    		</li>
	    		 -->
				<li class="line" style="height: 20px;" id="setendtimes">
	    			<span class="endtime"></span>
	    			<input onfocus="jQ(this).blur();" id="quickclip_enddate_input"  class="timeipt" size="18">
                    <span class="normal">&nbsp;&nbsp;</span>
                  	<a onclick="hourminus(jQ(this).next());" class="minus"></a>
                  	<input id="endhour" class="houript" onblur="hourinput(this);" value="0" maxlength="2">
                  	<a onclick="hourplus(jQ(this).prev());" class="plus"></a>
					<span class="hour "></span>
                   	<a onclick="minminus(jQ(this).next());" class="minus"></a>
                   	<input id="endmin" class="houript" onblur="mininput(this);" value="0" maxlength="2">
                   	<a onclick="minplus(jQ(this).prev());" class="plus"></a>
					<span class="minute "></span>
	    		</li>
	    		<li class="line setalert" style="height: 20px;">
	    			<span class="alerttime"></span>
	    			<input type="text" class="timeipt " id="quickclipalertdate" onfocus="jQ(this).blur();">
	    			<a class="minus " onclick="hourminus(jQ(this).next());"></a>
	    			<input type="text" class="houript " value="0" id="quickclipalerthour" onblur="hourinput(this);" maxlength="2">
	    			<a class="plus " onclick="hourplus(jQ(this).prev());"></a>
	    			<span class="hour "></span>
	    			<a class="minus " onclick="minminus(jQ(this).next());"></a>
	    			<input type="text" class="houript " value="0" id="quickclipalertmin" onblur="mininput(this);" maxlength="2">
	    			<a class="plus " onclick="minplus(jQ(this).prev());"></a>
	    			<span class="minute "></span>
	    			<a onclick="changeMobileStatus(this);" title="短信提醒" class="mobilemsg" id="quickclipalertmobile" style="display: none;"></a>
	    		</li>
	    		<li class="titleline" style="margin-top: 10px;">
	    			<i class="step2" id="step2nd"></i>
                    <span class="inputmoredetail"></span>
                    <b onclick="changeInputmoredetailCBX(this);" id="clip_inputmoredetail_cbx" class="cliparrowexpand"></b>
	    		</li>
	    		<li class="line">
	    			<span class="address"></span>
	    			<input style="width: 300px;float: left;border: 1px inset #B8B8B8;margin-left: 12px;" maxlength="100" id="clip_address_input" size="74">
	    			<br style="width: 100%;float: left;"/>
	    			<span class="content"></span>
	    			
	    			<textarea style="font-size: 12px;height: 100px;width: 371px;float: left;border: 1px inset #B8B8B8;margin-left: 12px;margin-top:10px; " id="clip_content_area"></textarea>
	    		</li>
	    		<li class="titleline" style="margin-top: 10px;">
	    			<i class="step3" id="step3rdshare"></i>
                   	<span class="share"></b>
	    		</li>
	    		<li class="line">
	    			<div style="" id="sharepartzone" class="sharepartzone">
                   		<span class="sharetitle"></span>
                   		<b effectclass="allclass" style="margin-left: 15px; margin-top: 4px;" class="clipradiobtn clipradiobtnon"></b>
                   		<span class="shareall"></span>
                   		<b effectclass="groupclass" style="margin-left: 15px; margin-top: 4px;" class="clipradiobtn"></b>
                   		<span class="share2group"></span>
                  			<a style="display: none;" onclick="showGroupDetailTip(this);" class="sharegroupicon"></a>
                   		<b effectclass="userclass" style="margin-left: 15px; margin-top: 4px;" class="clipradiobtn "></b>
                   		<span class="share2user personal"></span>
               			<a style="display: none;" onclick="showContactDetailTip(this);" class="shareusericon"></a>
               			<div class="listbox">
               			<ul id="listcontent"></ul>
               			</div>
                   		<span style="float:left;margin-left: 60px;width: 800px;height: 14px;line-height: 14px;font-size: 12px;color: #ff0000;margin-top: 10px;" id="sharepartzone_info"></span>
                   	</div>
	    		</li>
	    		<li class="titleline" style="margin-top: 10px;">
	    			<i class="step3" id="step3rdinvite"></i>
                   	<span onclick="changeClipinviteBox(this);" id="clip_invite_cbx" class="clipcheckbox"></span>
                   	<span class="invite"></b>
	    		</li>
	    		<li class="line">
					<div style="" id="invitepartzone" class="invitepartzone">
                       	<div class="deallinepart">
							<b onclick="changeDeadlinestatus(this);" class="clipcheckbox"></b>
							<span class="deadlinetitle"></span>
							<input onfocus="jQ(this).blur();" id="deadlinedate_input" style="float: left;font-size: 12px;margin-left: 10px;border: 1px solid #6B8EA2;height: 16px;width: 80px;" class="input data hasDatepicker">
							<div style="margin-left: 10px;" class="timebg">
								<a onclick="hourminus(jQ(this).next());" class="minus" style="margin: 0;"></a>
								<input id="deadlinehour" class="hminput" onblur="hourinput(this);" value="0" maxlength="2">
								<a onclick="hourplus(jQ(this).prev());" class="plus"></a>
							</div>
							<span class="timetxt">时</span>
							<div class="timebg">
								<a onclick="minminus(jQ(this).next());" class="minus" style="margin: 0;"></a>
								<input id="deadlinemin" class="hminput" onblur="mininput(this);" value="0" maxlength="2">
								<a onclick="minplus(jQ(this).prev());" class="plus"></a>
							</div>
							<span class="timetxt">分</span>
							<span class="errorinfo" id="deadline_div_info"></span>
                       </div>
                       <div class="invitepart" style="">
	                       	<span class="inviteusertitle"></span>
	                       	<a onclick="showInviteContactDetailTip(this);" class="inviteusericon"></a>
                       </div>
                       <ul style="display: none;" id="inviteuserautolist" class="inviteuserlist">
                       </ul>
					</div>
	    		</li>
	    		<li class="line">
	    			<div style="float: left;width:100%;border-bottom: 1px dashed #A2A2A2;height: 1px;"></div>
	    		</li>
	    		<li class="line">
	    			<span class="info" id="quickclipinfo" style="display: none;"></span>
	    			<button class="cancel" onclick="hideQuickclip('td_box_quickclip');"></button>
	    			<button class="confirm" onclick="addclip();"></button>
	    		</li>
	    	</ul>
	    </div>
	</div>
</div>
<div class="mb_select" id="addclipcontactlist" style="position: absolute;top:100px;left:200px;display: none;">
	<div class="select_box_title">
		<a class="close" onclick="close_Addclipcontactlist_Dialog();"></a>
	</div>
	<div class="leftselect_box"></div>
	<div class="select_box">
		<div class="mb_tab" id="addclipcontactmbtab">
		<span class="onit" style="font-size: 12px;" conid="contact">好友</span>
		<span class="nor" style="font-size: 12px;" conid="inv_congroup">圈子</span>
		</div>
		<ul class="inv_con" id="contact">
			<li id="contact_friend">
			</li>
		</ul>
		<ul class="inv_con" id="inv_congroup" style="display: none;">
		</ul>
		<!-- 
		<div class="addinvitezone">
			<button class="closeinvite" onclick="jQ('#addclipcontactlist').hide();"></button>
		</div>
		 -->
	</div>
	<div class="choose_box" style="display: none;">
		<ul id="chosen_friend">
		</ul>
		<div class="btnline">
			<button class="cancel"></button>
			<button class="confirm"></button>
		</div>
	</div>
</div>
<div id="td_box_clipalert" style="display: none;">
	<div class="optdiv">
    	<a class="opt" onclick="hideQuickclip('td_box_clipalert');"></a>
	</div>
	<div class="td_box" style="width: 450px;background: #ffffff;">
		<div class="td_boxtitle">
			<span class="clipalerttitle"></span>
		</div>
	    <div style="width: 430px;" class="td_box_inner">
	    	<div class="alert_title">
	    		<span class="title"></span>
	    		<span class="time"></span>
	    		<span class="alerttime"></span>
	    	</div>
	    	<table class="alertclipcontent" width="100%" cellspacing="0" cellpadding="0" id="alertclipcontent">
	    	</table>
	    </div>
	    <div class='more' id="td_box_clipalert_more" style='display: none;'>
	    	<a onmouseout="jQ(this).removeClass('moreover');" onmouseover="jQ(this).addClass('moreover');" class="moreout"></a>
	    </div>
	</div>
</div>
<div style="display: none;" id="calendarzoneout">
<div class="calendarzone" >
	<div class="title">
		<a class="prev none"></a>
		<span class="title" class="calendarzonetitle"></span>
		<a class="next none"></a>
	</div>
	<table cellpadding="0" cellspacing="0" style="float: left;" class="detailsharetimetable">
		<tr line="0">
		<td tid="tddetail0"></td><td tid="tddetail1"></td><td tid="tddetail2"></td><td tid="tddetail3"></td><td tid="tddetail4"></td><td tid="tddetail5"></td><td tid="tddetail6"></td>
		</tr>
		<tr line="1">
		<td tid="tddetail7"></td><td tid="tddetail8"></td><td tid="tddetail9"></td><td tid="tddetail10"></td><td tid="tddetail11"></td><td tid="tddetail12"></td><td tid="tddetail13"></td>
		</tr>
		<tr line="2">
		<td tid="tddetail14"></td><td tid="tddetail15"></td><td tid="tddetail16"></td><td tid="tddetail17"></td><td tid="tddetail18"></td><td tid="tddetail19"></td><td tid="tddetail20"></td>
		</tr>
		<tr line="3">
		<td tid="tddetail21"></td><td tid="tddetail22"></td><td tid="tddetail23"></td><td tid="tddetail24"></td><td tid="tddetail25"></td><td tid="tddetail26"></td><td tid="tddetail27"></td>
		</tr>
		<tr line="4">
		<td tid="tddetail28"></td><td tid="tddetail29"></td><td tid="tddetail30"></td><td tid="tddetail31"></td><td tid="tddetail32"></td><td tid="tddetail33"></td><td tid="tddetail34"></td>
		</tr>
		<tr line="5">
		<td tid="tddetail35"></td><td tid="tddetail36"></td><td tid="tddetail37"></td><td tid="tddetail38"></td><td tid="tddetail39"></td><td tid="tddetail40"></td><td tid="tddetail41"></td>
		</tr>
	</table>
</div>
</div>
<div class="loading" id="loadingui" style="display: none;">
	<span class="logo"></span>
	<span class="loading"></span>
</div>
<div class="monthviewopt" style="display: none;" id="viewopt">
	<input type="hidden" id="viewopt_eventid"/>
	<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
	<p style="text-indent: 30px;font-size:15px;line-height: 25px;" id="viewopt_p"></p>
</div>
<div id="msg_box" class="accept_msg_box">
	<div style="top: 100px;" class="msg_note">
		<div id="msg_box_content" class="msg_text"></div>
	</div>
</div>
<div style="display: none;" class="shareclipzone" id="forwardsharepart">
	<div class="zonecontent">
		<div class="share-choose">
			<span class="share-title">选择好友：</span>
	           <a class="sharegroupicon" onclick="showForwardContactDetailTip(this);"></a>
		</div>
       	<div class="share-contactchooseout">
       		<ul class="listcontent"></ul>
       	</div>
		<div class="share-contactchoosebtn">
			<button class="close" onclick="cancelshareclick(this);"></button>
		</div>
	</div>
</div>
<div style="display: none;">
<div id="shareoutzone" class="shareoutzone">
	<hr class="line">
	<div class="shareoutopt">
		<span class="shareouttxt"></span>
		<a class="renrenlogo"></a>
		<a class="kaixin001logo"></a>
		<a class="sinalogo"></a>
		<a class="doubanlogo"></a>
	</div>
</div>
</div>
<div id="forward_invitetime_wrap" style="display: none;">
<div id="forward_invitetime">
	<div class="top">
		<a class="close" title="关闭" id="forward_invitetime_close"></a>
	</div>
	<div class="content">
		<ul id="forward_invite_list">
		</ul>
	</div>
	<div class="bottom">
		<span class="title"></span>
		<div class="settime">
			<span class="icon"></span>
			<input class="dateinput" id="forward_invite_dateinput"/>
			<div class="timebg">
				<a class="minus" onclick="hourminus(jQ(this).next());"></a>
				<input maxlength="2" value="0" onblur="hourinput(this);" id="forward_invite_hour" class="hminput"/>
				<a class="plus" onclick="hourplus(jQ(this).prev());"></a>
			</div>
			<span class="normal">时</span>
			<div class="timebg">
				<a class="minus" onclick="minminus(jQ(this).next());"></a>
				<input maxlength="2" value="0" onblur="mininput(this);" id="forward_invite_min" class="hminput"/>
				<a class="plus" onclick="minplus(jQ(this).prev());"></a>
			</div>
			<span class="normal">分</span>
			<button class="confirm" id="forward_invitetime_confirm"></button>
		</div>
		<div class="info" id="forward_invite_info">
		</div>
	</div>
</div>
</div>
<div id="add_return_wrap" style="display: none;">
<div id="add_return">
	<a class="close"></a>
	<div class="top">
		<span class="head"></span>
	</div>
	<div class="bottom">
		<a class="renren"></a>
		<a class="kaixin"></a>
		<a class="sina"></a>
		<a class="douban"></a>
	</div>
	<div class="btnline">
		<button></button>
	</div>
</div>
</div>
<div id="confirmEventInterface" style="display:none;">
	<div class="topline">
		<span class="title"></span>
		<a class="close" onclick="closeConfirm_Inf();"></a>
	</div>
	<table cellpadding="0" cellspacing="0" class="content">
		<tr>
			<td align="center" class="left" valign="middle">
				<button id="inf_interest_prev" style="display:none;"></button>
			</td>
			<td width="390" valign="top">
				<ul class="interestlist" id="inf_interestlist">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</td>
			<td align="center" class="right" valign="middle">
				<button id="inf_interest_next" style="display:none;"></button>
			</td>
		</tr>
	</table>
	<div class="btnline">
		<button class="cancel" onclick="closeConfirm_Inf();"></button>
		<button class="confirm" id="inf_interest_confirm"></button>
	</div>
</div>
<div id="loadingline" style="display: none;">
	<span class="loadinggif"></span><span class="loadingtxt">正在加载中，请稍后…</span>
</div>
</body>
</html>